<template>
  <div>
    <!-- Tab -->
    <van-tabs route v-model="activeName" color="orange" @click="tabClick">
      <van-tab title="全部" name="OrderAll" to="/order/All"></van-tab>
      <van-tab
        title="待发货"
        name="OrderDelivered"
        to="/order/delivered"
      ></van-tab>
      <van-tab
        title="待收货"
        name="OrderReceiving"
        to="/order/receiving"
      ></van-tab>
      <van-tab
        title="待评价"
        name="OrderEvaluate"
        to="/order/evaluate"
      ></van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "OrderAll",
    };
  },
  props: ["isblockShow"],
  methods: {
    tabClick(name, title) {
      this.$emit("blockShow", name);
    },
  },
};
</script>
 
<style lang = "less" scoped>
/deep/.van-tab--active {
  color: blue;
}
</style>